<template>
    <div class="hold-transition skin-purple sidebar-mini">
        <div id="app">
            <el-container>
                <el-header class="main-header" style="height:70px;">
                    <nav class="navbar navbar-static-top">
                        <!-- Logo -->
                        <a href="#" class="logo" style="text-align:center">
                            <span class="logo-lg"><img src="../img/logo.png"></span>
                        </a>
                        <div class="right-menu">
                            <span class="help"><i class="fa fa-exclamation-circle" aria-hidden="true"></i>帮助</span>
                            <el-dropdown class="avatar-container right-menu-item" trigger="click">
                                <div class="avatar-wrapper">
                                    <img src="../img/user2-160x160.jpg" class="user-avatar">
                                    {{usernameRef}}
                                </div>
                                <template #dropdown>
                                    <el-dropdown-menu>
                                        <el-dropdown-item divided>
                                            <span style="display:block;">修改密码</span>
                                        </el-dropdown-item>
                                        <el-dropdown-item divided>
                                            <span style="display:block;"><a @click="logout">退出</a></span>
                                        </el-dropdown-item>
                                    </el-dropdown-menu>
                                </template>
                            </el-dropdown>
                        </div>
                    </nav>
                </el-header>
                <el-container>
                    <el-aside width="200px">
                        <el-menu default-active="1" :default-openeds="['1','2','3','4','5','6']">
                            <el-sub-menu index="1">
                                <template #title>
                                    <i class="fa fa-home"></i>
                                    首页
                                </template>
                                <router-link to="/dashboard" class="el-menu-item">数据统计</router-link>
                                <router-link to="/systemNotice" class="el-menu-item">系统公告</router-link>
                            </el-sub-menu>
                            <el-sub-menu index="2">
                                <template #title>
                                    <i class="fa fa-cogs"></i>
                                    功能管理
                                </template>
                                <router-link to="/routeManage" class="el-menu-item">线路管理</router-link>
                                <router-link to="/scheduleManage" class="el-menu-item">车次调度</router-link>
                                <router-link to="/carManage" class="el-menu-item">汽车管理</router-link>
                                <router-link to="/orderManage" class="el-menu-item">订单管理</router-link>
                                <router-link to="/customerManage" class="el-menu-item">旅客管理</router-link>
                                <router-link to="/userManage" class="el-menu-item">用户管理</router-link> <!-- 修改路径 -->
                            </el-sub-menu>
<!--                          <el-sub-menu index="3">-->
<!--                            <template #title>-->
<!--                              <i class="fa fa-home"></i>-->
<!--                              系统设置-->
<!--                            </template>-->
<!--                            <router-link to="/systemNotice" class="el-menu-item">系统公告</router-link>-->
<!--&lt;!&ndash;                            <router-link to="/operationLog" class="el-menu-item">操作日志</router-link>&ndash;&gt;-->
<!--                          </el-sub-menu>-->
<!--                          <el-sub-menu index="4">-->
<!--                            <template #title>-->
<!--                              <i class="fa fa-home"></i>-->
<!--                              数据统计-->
<!--                            </template>-->
<!--                            <router-link to="/ticketRevenueStatistics" class="el-menu-item">票务收入统计</router-link>-->
<!--                            <router-link to="/passengerFlowStatistics" class="el-menu-item">客流量统计</router-link>-->
<!--                            <router-link to="/vehicleOperationStatistics" class="el-menu-item">车辆运行情况统计</router-link>-->
<!--                          </el-sub-menu>-->
                            <!-- 继续添加其他菜单项 -->
                        </el-menu>
                    </el-aside>
                    <el-container>
                        <router-view></router-view>
                    </el-container>
                </el-container>
            </el-container>
        </div>
    </div>
</template>
<script setup lang="ts">
</script>